// Copyright (c) Microsoft Corporation. All rights reserved.
// Licensed under the MIT License.

// This file is @imported by many SCSS modules, which means it *must not* contain any actual style
// definitions; it may *only* contain SCSS directives (eg, $variable, @function, and @mixin).

// Accessibility Insights brand color
$ada-brand-color: var(--ada-brand-color);

// Text colors
$primary-text: var(--primary-text);
$secondary-text: var(--secondary-text);
$disabled-text: var(--disabled-text);

// UI colors
$communication-primary: var(--communication-primary);
$communication-tint-40: var(--communication-tint-40);
$communication-tint-30: var(--communication-tint-30);
$communication-tint-20: var(--communication-tint-20);
$communication-tint-10: var(--communication-tint-10);
$communication-shade-20: var(--communication-shade-20);

// Neutral surfaces
$neutral-0: var(--neutral-0);
$neutral-2: var(--neutral-2);
$neutral-4: var(--neutral-4);
$neutral-6: var(--neutral-6);
$neutral-6-5: var(--neutral-6-5);
$neutral-8: var(--neutral-8);
$neutral-10: var(--neutral-10);
$neutral-20: var(--neutral-20);
$neutral-30: var(--neutral-30);
$neutral-55: var(--neutral-55);
$neutral-60: var(--neutral-60);
$neutral-70: var(--neutral-70);
$neutral-80: var(--neutral-80);
$neutral-100: var(--neutral-100);
$neutral-alpha-2: var(--neutral-alpha-2);
$neutral-alpha-4: var(--neutral-alpha-4);
$neutral-alpha-6: var(--neutral-alpha-6);
$neutral-alpha-8: var(--neutral-alpha-8);
$neutral-alpha-10: var(--neutral-alpha-10);
$neutral-alpha-20: var(--neutral-alpha-20);
$neutral-alpha-30: var(--neutral-alpha-30);
$neutral-alpha-60: var(--neutral-alpha-60);
$neutral-alpha-70: var(--neutral-alpha-70);
$neutral-alpha-80: var(--neutral-alpha-80);
$neutral-alpha-90: var(--neutral-alpha-90);
$box-shadow-132: var(--box-shadow-132);
$box-shadow-108: var(--box-shadow-108);
$box-shadow-27: var(--box-shadow-27);

// Outcome colors
$positive-outcome: var(--positive-outcome);
$negative-outcome: var(--negative-outcome);
$neutral-outcome: var(--neutral-outcome);
$incomplete-color: var(--neutral-60);

// Landmark colors
$landmark-contentinfo: var(--landmark-contentinfo);
$landmark-main: var(--landmark-main);
$landmark-complementary: var(--landmark-complementary);
$landmark-banner: var(--landmark-banner);
$landmark-region: var(--landmark-region);
$landmark-navigation: var(--landmark-navigation);
$landmark-search: var(--landmark-search);
$landmark-form: var(--landmark-form);

// Additional colors
$card-border: var(--card-border);
$card-footer-border: var(--card-footer-border);
$header-bar-title-color: var(--header-bar-title-color);
$help-links-section-background: var(--help-links-section-background);
$help-links-section-border: var(--help-links-section-border);
$high-contrast-icon-color: var(--black);
$highlighted-text: var(--black);
$index-circle-background: var(--index-circle-background);
$link-hover: var(--link-hover);
$link: var(--link);
$menu-item-background-active: var(--menu-item-background-active);
$menu-item-background-hover: var(--menu-item-background-hover);
$left-nav-icon: var(--left-nav-icon);
$pill-background: var(--pill-background);
$pill: var(--pill);
$screenshot-image-outline: var(--screenshot-image-outline);
$spinner-text: var(--spinner-text);
$nav-link-hover: var(--nav-link-hover);
$nav-link-selected: var(--nav-link-selected);
$nav-link-expanded: var(--nav-link-expanded);
$insights-button-hover: var(--insights-button-hover);
$report-footer-text: var(--report-footer-text);

// Consistent colors that don't vary with high contrast mode. Use sparingly.
$always-white: var(--white);
$always-black: var(--light-black);
